<template>
  <div>
    <div>重置密码</div>

    <el-form
      ref="ruleFormRef"
      style="max-width: 600px"
      :model="ruleForm"
      :rules="rules"
      label-width="auto"
      class="demo-ruleForm"
      status-icon
    >
      <el-form-item label="原密码" prop="name">
        <el-input v-model="ruleForm.oldPassword" />
      </el-form-item>
      <el-form-item label="新密码" prop="name">
        <el-input v-model="ruleForm.newPassword" />
      </el-form-item>
      <el-form-item label="确认新密码" prop="name">
        <el-input v-model="ruleForm.confirmPassword" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary"> 提交修改 </el-button>
        <el-button> 重置 </el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
  
<script setup>
import { ref } from 'vue'

const ruleForm = ref({
  oldPassword: '',
  newPassword: '',
  confirmPassword: ''
})
const rules = ref([])
</script>
  
<style scoped>
</style>
  